<template>
    <div class="app-container">
        <div class="viewDetail">
            <h2>大棚信息
              <!-- <el-button class="btn" type="text" icon="el-icon-edit" @click="editProduct(listinfo)">编辑</el-button> -->
            </h2>
            <table border="1">
                <tbody>
                    <tr>
                        <th>设备类型编号</th>
                        <td>{{ listinfo.productCode }}</td>
                        <th>设备类型名称</th>
                        <td>{{ listinfo.productName }}</td>
                    </tr>
                    <tr>
                        <th>创建时间</th>
                        <td>{{ listinfo.createTime }}</td>
                        <th>更新时间</th>
                        <td>{{ listinfo.updateTime }}</td>
                    </tr>
                    <tr>
                        <th>说明</th>
                        <td colspan="5">{{ listinfo.productDescription }}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</template>
<script>
export default{
  data () {
    return {
    }
  },
  props:['listinfo'],
  methods: {
    listAfter() {},
    //编辑
    editProduct(row){
      this.$refs.crud.rowEdit(row,row.$index)
    },
    editMode(){
      this.$refs.drawer.drawer = true
    }
  }
}
</script>
<style lang="scss" scoped>
.viewDetail{
    font-size: 14px;
    padding: 0 0 20px 0;
    h2{
        color: rgba(0, 0, 0, 0.85);
        font-weight: bold;
        font-size: 16px;
        line-height: 1.5;
        margin-bottom:20px;
        .btn{
            margin-left: 30px;
            font-size: 14px;
        }
    }
    h3{
        font-weight: normal;
        margin-bottom: 20px;
    }
    table{
        width: 100%;
        color: rgba(0, 0, 0, 0.85);
        border: solid 1px #e8e8e8;
        border-collapse: collapse;
        text-align: left;
        th,td{
            height: 40px;
            font-weight: normal;
        }
        td{
            padding-left: 15px;
        }
        th{
            padding: 8px 16px;
            background: #fafafa;

        }
    }
}
.viewSetting{
    width: 260px;
    height: 80px;
    line-height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    h2{
        margin-top: 16px;
    }
}
</style>